<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>菜单管理</title>
    <link href="/static/bootstrap/css/bootstrap.min.css"
          rel="stylesheet"/>
    <!-- Font Awesome -->
    <link href="/static/font-awesome/css/font-awesome.min.css"
          rel="stylesheet"/>
    <link href="/static/bootstrap/css/bootstrap-table.min.css"
          rel="stylesheet"/>
    <link rel="stylesheet"
          href="/static/ztree/css/metroStyle/metroStyle.css"
          type="text/css">

    <script src="/static/jquery-1.9.1.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap-table.min.js"></script>
    <script
            src="/static/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript"
            src="/static/ztree/js/jquery.ztree.core.js"></script>
    <script
            src="/static/vue.min.js"></script>
    <script src="/static/js/menu.js"></script>

</head>
<body>
<div class="container">
    <TABLE border=0 height=600px align=left>
        <TR>
            <TD width=300px align=left valign=top
            >
                <ul id="tree" class="ztree" style="width:280px; overflow:auto;"></ul>
            </TD>
            <TD width=700px align=left valign=top>

            </TD>
        </TR>
    </TABLE>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">&times;
                </button>
                <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="menuForm">
                    <div class="form-group">
                        <label for="menuName" class="col-sm-4 control-label">菜单名称：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="menuName">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="menuUrl" class="col-sm-4 control-label">菜单链接：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="menuUrl">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="menuIcon" class="col-sm-4 control-label">菜单图标：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="menuIcon">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="menuOrder" class="col-sm-4 control-label">菜单顺序：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="menuOrder" placeholder="请填写一个数字"
                                   oninput="value=value.replace(/[^\d]/g,'')">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <span id="errorMsg" class="pull-left" style="color:red"></span>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" id="m_btn">
                    提交
                </button>
            </div>
        </div>
    </div>
</div>


<div id="rMenu" class="list-group " style="position:absolute;width:150px">
    <button id="modify" class="list-group-item">修改</button>
    <button id="delete" class="list-group-item">删除</button>
    <button id="add" class="list-group-item">添加下级</button>
</div>
</body>
</html>